@charset "UTF-8";

/* ------------------------------------------
  RESET
--------------------------------------------- */


a:active,
a:hover {
  outline: 0;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }


/* ------------------------------------------
  BASE DEMO STYLES
--------------------------------------------- */

body {
	background:#eee;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

section {
  border-bottom: 1px solid #999;
  float: left;
  width: 100%;
  /*height: 800px;*/
}


/* ------------------------------------------
  NAVIGATION STYLES
  (+ responsive-nav.css file is loaded in the <head>)
--------------------------------------------- */

.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}

.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index:18;
  
}
.nav-collapse{position:fixed!important;
  margin-top:68px;}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 81px;
  height: 900px;
  float: left;
  background:#32323f;
  
}

.nav-collapse li {
  width: 100%;
}
.nav-collapse a:hover,.nav-collapse .active{
background:#3eab52;
color:#fff;
}
.nav-collapse li:hover ul {
  display:block;
}
.nav-collapse li a{
  color:#bcbdc9;
  font-size:1.2rem;
  text-align: center;
}
.nav-collapse ul ul{
  width: 160px;
  height: 900px;
  background:#1c1c26;
  position:absolute;
  z-index: -1;
  left: -80px;
  top:0;
}
.nav-collapse ul ul a{
	border-right:3px #1c1c26 solid;
}
.yx-nav2 a:hover,.yx-nav2 a.active{
	background:#0f0f15!important;
	border-right:3px #3eab52 solid;
	color:#a9a9b1!important;
	}
.nav-collapse ul ul,.yx-cnt-box,.yx-count,.yx-counter{
	-webkit-transition:left 0.3s;
	 -moz-transition:left 0.3s; 
	 transition:left 0.3s;
	}
.nav-collapse ul ul li{
  font-size:1.4rem;
  color:#a9a9b1;
  text-align:center;

}
.yx-li1 a{
	font-size:1.8rem!important;}

@media screen and (min-width: 40em) {
  .nav-collapse li {
    *width: 24.9%; /* IE7 Hack */
    _width: 19%; /* IE6 Hack */
  }
}

.nav-collapse a {
  color: #fff;
  text-decoration: none;
  width: 100%;
  float: left;
}

@media screen and (min-width: 40em) {
  .nav-collapse a {
    margin: 0;
    float: left;
    text-align: center;
    border-bottom: 0;
  }
}

.nav-collapse ul ul a {
  color:#a9a9b1;
  font-size:1.4rem;
  
}

@media screen and (min-width: 40em) {
  .nav-collapse ul ul a {
  }
}


/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

@font-face {
  font-family: "responsivenav";
  src:url("../icons/responsivenav.eot");
  src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("../icons/responsivenav.ttf") format("truetype"),
    url("../icons/responsivenav.woff") format("woff"),
    url("../icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

.nav-toggle {
  position: fixed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  position: absolute;
  top: -4px;
  right: -8px;
  overflow: hidden;
  width: 70px;
  height: 55px;
  float: right;
}

.nav-toggle:before {
  color: #fff; /* Edit this to change the icon color */
  font-family: "responsivenav", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 2.6rem;
  text-transform: none;
  position: absolute;
  content: "≡";
  text-indent: 0;
  text-align: center;
  line-height: 55px;
  speak: none;
  width: 100%;
  top: 2px;
  left: 0;
}

.nav-toggle.active::before {
  font-size: 2.6rem;
  content:"≡";
  color:#D1F1D9;
}
